<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style.css" />
		 <link rel="stylesheet"  type="text/css" title="Exemple" href="CSS/slider.css"/>
		 <link rel="stylesheet"  type="text/css" title="Exemple" href="CSS/index.css"/>
		 <link rel="stylesheet"  type="text/css" title="Exemple" href="CSS/nav.css"/>

        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <title>Anciens IG</title>
    </head>
    
    <!--[if IE 6 ]><body class="ie6 old_ie"><![endif]-->
    <!--[if IE 7 ]><body class="ie7 old_ie"><![endif]-->
    <!--[if IE 8 ]><body class="ie8"><![endif]-->
    <!--[if IE 9 ]><body class="ie9"><![endif]-->
    <!--[if !IE]><!--><body><!--<![endif]-->
	
	
        <div id="bloc_page">
            <header>
                <div id="titre_principal">
				
                    <img src="images/logo.png"  id="logo" />
                   
                </div>
                
                <nav>
                    <ul>
						<li>Hello Persona</a></li>
                        <li><a href="index.html">Accueil</a></li>
                        <li><a href="inscription.html">Inscription </a></li>
                        <li><a href="forum/index.php">Forum</a></li>
                        <li><a href="login.php">Connexion</a></li>
						<li><a href="logout.php">Logout</a></li> 
						
                    </ul>
                </nav>
            </header>
            
			
            <div id="slider_image">
                <div id="banniere_description">
                   
				    <!----------------------------------------Cette partie concerne le SLIDER ---------------------------------------->
  
    <div id="slider">


	<div id="mask">
        <ul id="image_container">
              <li><img src="images/slider-img1.jpg"  width ="900"  height ="300"></li>
			  <li><img src="images/slider-img2.jpg"  width ="900"  height ="300"></li>
			  <li><img src="images/slider-img3.jpg"  width ="900"  height ="300"></li>
			  <li><img src="images/slider-img4.jpg"  width ="900"  height ="300"></li>

		  </ul>
      </div>
      <img src="images/glass.png" id="glass" width ="900"  height ="300">
        
      <ul id="dots">

		  <li class="button1" onClick="changeImage(1)" ></li>
          <li class="button2" onClick="changeImage(2)" ></li>
          <li class="button3" onClick="changeImage(3)" ></li>
          <li class="button4" onClick="changeImage(4)" ></li>

      </ul>
	  
      <img src="images/fleche-gauche.png" id="fleche_gauche" class="fleche" onClick="prevImage()" >
      <img src="images/fleche-droite.png" id="fleche_droite" class="fleche" onClick="nextImage()" >
    </div>
	
  <script LANGUAGE="Javascript" src="script/JQ.js"></script> <!--appel du script JQ.js qui anime les images-->
  
  <!----------------------------------------FIN de la  partie qui concerne le SLIDER ---------------------------------------->
	
	</div> 	
			   
                </div>
				
				<section>
                <colonne_centre>
                    <h1>Section etudiant</h1></br></br>
					
 
                </colonne_centre>
				
                <colonne_g>
                    <h1>Polytech'Montpellier</h1></br>
					
                    <p id="photo_colonne_g"><img src="images/logogo.jpg" /></p></br>
                    <p>L’école polytechnique universitaire de Montpellier est l’école d’ingénieurs de l’Université Montpellier 2.</p></br>
                    <p> > Plus de 40 ans d’existence (création en 1969, sous le nom de « ISIM »)  </br>
						> 1.200 élèves en formation (dont une centaine d’étrangers)</br>
						> 150 enseignants</br>
						> 50 personnels administratifs et techniques</br>
						> 14 laboratoires de recherche associés</br></p>
                </colonne_g>
            </section>
            </div>
              
            
            
        </div>
    </body>
</html>
